<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>开始使用</title>
</head>
<style>
    * {
        text-decoration: none;
        list-style: none;
    }

    h2 {
        text-align: center;
        padding-top: 10px;
    }

    ul {
        padding-top: 50px;
    }

    ul li {
        margin: 5px 0 5px 0;
    }
</style>
<body>
<h2>SSM+JSP开发基本使用</h2>
<ul id="ul">
    <li>1、解压下载好的文件SSMQuickStart.zip</li>
    <li>2、打开Mysql或者其他数据库将ssm.sql导入数据库中</li>
    <li>3、使用IntelliJ IDEA打开ssm文件夹的项目，并在pom.xml下载maven所有默认依赖（成功启动项目后可自行配置）</li>
    <li>4、找到classpath:database.properties文件，配置数据库连接信息</li>
    <li>5、IntelliJ IDEA右上角添加Tomcat服务器，监听端口8080，Application context：/</li>
    <li>6、启动Tomcat</li>
    <li>7、显示欢迎使用,点击页面关于我，无报错即成功运行</li>
</ul>
</body>

<script>
    window.onload = function () {
        let ul = document.getElementById("ul");
        let goldDivision =  (Math.sqrt(5) - 1) / 8;
        ul.style.paddingLeft = ul.clientWidth * goldDivision + "px";
    }
</script>
</html>
